<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>Profesor</title>
</h:head>
<h:body>   
	<h:form>
	 <p:toolbar>	
		<p:toolbarGroup align="right">
			<p:commandButton value="salir" actionListener="#{operaciones.salir}" icon="ui-icon-close" />
		</p:toolbarGroup>
	</p:toolbar>
	<p:panel style="width:100%;">
		<h:panelGrid columns="6" cellpadding="2" cellspacing="15">
			<h:outputLabel value="                EVALUACION EN CURSO"
				style="font-weight:bold" />
			<h:outputLabel value=" " />
			<h:outputText value="                HORA ACTUAL"
				style="font-weight:bold" />
			<p:clock pattern="HH:mm:ss dd.MM.yyyy" mode="server" />
			<h:outputLabel value="   FIN DE EXAMEN"  style="font-weight:bold"/>
			<p:outputLabel value="#{darExamen.hora}" style="font-weight:bold" />
		</h:panelGrid>
		<p:separator id="customSeparator" style="width:2000px;height:30px" />



		<h:panelGrid columns="2" cellpadding="2" cellspacing="15" id="NADA">

			<p:panel header="#{darExamen.indice}" >
				<h:outputText
					value="#{darExamen.enunciado}" />
			</p:panel>
			
		</h:panelGrid>
			<h:outputLabel value="ALTERNATIVAS: " style="font-weight:bold"/>

			<h:panelGrid columns="2" cellpadding="2" cellspacing="15">
				<h:panelGrid columns="2" cellpadding="7">
					<p:outputLabel value="Alternativa 1:   " />
					<p:outputLabel value="#{darExamen.altenativa1}" />
					<p:outputLabel value="Alternativa 2:   " />
					<p:outputLabel value="#{darExamen.altenativa2}" />
					<p:outputLabel value="Alternativa 3:   " />
					<p:outputLabel value="#{darExamen.altenativa3}" />
					<h:outputLabel value="Alternativa 4:   " />
					<p:outputLabel value="#{darExamen.altenativa4}" />
					<h:outputLabel value="Alternativa 5:   " />
					<p:outputLabel value="#{darExamen.altenativa5}" />

				</h:panelGrid>
				<h:panelGrid id="alternativas" cellpadding="9">

					<p:selectBooleanCheckbox value="#{darExamen.value1}">
						<p:ajax update="alternativas" listener="#{darExamen.valida1}" />
					</p:selectBooleanCheckbox>
					<p:selectBooleanCheckbox value="#{darExamen.value2}">
						<p:ajax update="alternativas" listener="#{darExamen.valida2}" />
					</p:selectBooleanCheckbox>
					<p:selectBooleanCheckbox value="#{darExamen.value3}">
						<p:ajax update="alternativas" listener="#{darExamen.valida3}" />
					</p:selectBooleanCheckbox>
					<p:selectBooleanCheckbox value="#{darExamen.value4}">
						<p:ajax update="alternativas" listener="#{darExamen.valida4}" />
					</p:selectBooleanCheckbox>
					<p:selectBooleanCheckbox value="#{darExamen.value5}">
						<p:ajax update="alternativas" listener="#{darExamen.valida5}" />
					</p:selectBooleanCheckbox>
				</h:panelGrid>
			</h:panelGrid>
			<h:panelGrid columns="6" cellpadding="2">
			<h:outputLabel value="               "
				style="font-weight:bold" />
			<p:commandButton value="Anterior"
			actionListener="#{darExamen.atras}" />
			<p:commandButton value="Siguiente"
			actionListener="#{darExamen.next}" update="growlx" />
			
            <p:commandButton value="Terminar Examen"
					actionListener="#{darExamen.terminar}" oncomplete="dlg.show()" update="growlx" />

				<p:dialog id="picture" widgetVar="dlg" header="Resultado"
					width="425" resizable="false" showEffect="clip" hideEffect="clip">
					<p:ajax event="close" listener="#{darExamen.handleClose}" />
					<p:outputLabel id="growlx" value="#{darExamen.resultado}" />
				</p:dialog>
				</h:panelGrid>
		


</p:panel>

	</h:form>
</h:body>
</html>